<template>
  <div>
    <el-tabs v-model="activeName" type="border-card" @tab-click="handleClick">
      <el-tab-pane label="基础信息管理" name="base">
          <PersonnelBaseTable></PersonnelBaseTable>
      </el-tab-pane>
      <el-tab-pane label="学历及学位子集" name="degree">学历及学位子集</el-tab-pane>
      <el-tab-pane label="行政党派职务子集" name="administrative">行政党派职务子集</el-tab-pane>
      <el-tab-pane label="政治面貌及党籍情况子集" name="political">政治面貌及党籍情况子集</el-tab-pane>
	  <el-tab-pane label="专业技术职务子集" name="technical">专业技术职务子集</el-tab-pane>
	  <el-tab-pane label="工人职业资格子集" name="workerLevel">工人职业资格子集</el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import PersonnelBaseTable from './modules/PersonnelBaseTable'
export default {
  name: "personnel-base-information",
  components:{
      PersonnelBaseTable
  },
  data() {
      return {
        activeName: 'base'
      };
    },
    methods: {
      handleClick(tab, event) {
        console.log(tab, event);
      }
    }
};
</script>

<style>
</style>